/*控制菜单栏样式*/
.menu{width: 100%;text-align: center;}
.menu .items{width: 96%;height: 46px;margin: 0 2% 5px auto;background: white;border-radius: 0px 10px 10px 10px;}
.menu .items a{display: inline-block;width: 23%;height: 22px;margin-top: 7px;padding:5px 0px;border-right: 1px solid #EFEFEF;color: #8C93A2;}
.menu .items a:last-child{border: none;}

/*分享文章/视频样式*/
.share-jump-wrap{position: fixed;top: 5px;right:15px;color: #fff;font-size:18px;text-align: center;display:none;z-index:100000;}
.share-jump-wrap .iconfont-wrap{width:100%;height:93px;text-align: right;}
.share-jump-wrap .iconfont{font-size:80px;float:right;}
.share-jump-wrap .iconfont-text{text-align: center;line-height: 30px;position: absolute;top: 80px;right: 20px;width:180px;}
.share-jump-wrap .iconfont-text span{display: block;}
.share-rule-top{margin-top:15px;;}
.share-rule-top p{text-indent:0;}
.share-jump-bg{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 99999;display:none;background:rgba(0,0,0,0.7);}


/*--------assess.html---------*/
.assess .top{width: 100%;text-align: center;}
.assess .top .banner{width: 100%;height: 215px;}
.assess .top .search{width: 100%;position: absolute;top: 0;margin-top: 10px;}
.assess .top .search span{display: inline-block;position: absolute;left: 10%;margin-top: 8px;color: #8C93A2;font-size: 14px;}
.assess .top .search input{padding: 0px 0 0px 35px;width: 80%;height: 30px;border: none;border-radius: 5px;}
.assess .top .search input['class'='active']{width: 85%;text-align: left; padding-left: 34px;}
.assess .top .search button{background: none;border: none;outline: none;padding: 5px 8px;}
.assess .search-bac{width: 100%;margin-top: 70px;}
.assess .search-bac .history-list-wrap p{border-bottom: 1px dashed #BBBBBB;color: #666666;margin: 0px 2%;text-align: center;padding-bottom: 5px;}
.assess .search-bac .history-list-wrap p span{position: absolute;left: 4%;margin-top:5px;color: #BBBBBB;}
.assess .search-bac .history-list-wrap ul{border-bottom: 1px dashed #BBBBBB;width: 96%;margin: 0 2%;color: #BBBBBB;}
.assess .search-bac .history-list-wrap .history-list{margin: 5px 2%;width: 96%;height: 30px;}
.assess .search-bac .history-list-wrap .history-list .name{display: inline-block;width: 80%;height: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;word-break: normal;line-height: 30px;}
.assess .search-bac .history-list-wrap .history-list .iconfont{display: inline-block;width:16%;height: 30px;text-align: right;line-height: 30px;position: relative;bottom: 0px;font-size: 18px;}
.assess .search-bac .history-list-wrap  button{display: block;text-align: center;padding: 2px 10px;width: 50%;margin: 10px 25%;color: #BBBBBB;border: none;background: none;outline: none;font-size: 16px;}
.assess .selected .title{text-align: center;width: 80%;margin: 10px 10%;border-bottom: 1px solid #005D9E;}
.assess .selected .title span{display: inline-block;font-weight: bold;font-size: 16px;letter-spacing: 2px;position: relative;top: 10px;background: #EFEFEF;padding: 0px 15px;color: #005D9E;}
.assess .selected .product-list{width: 100%;overflow: hidden;margin-top: 20px;text-align: center;}
.assess .selected .product-list .product{display: block;width: 49.705%;height: 150px;float: left;margin: 2px 0;position: relative;}
.assess .selected .product-list .product:nth-child(odd){margin-right: 0.55%;}
.assess .selected .product-list .product img{width: 100%;height:150px;border: none;}
.assess .selected .product-list .product .title{background: rgba(0,0,0,0.26);width: 96%;line-height: 150px;margin: 0;position: absolute;z-index: 200;padding:0 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #FFFFFF;top: 0;border: none;}

/*--------encyclopedias.html-----------*/
.encyclopedias .content-list a{display: block;width: 96%;height: 110px;margin: 5px 2%;background: #FFFFFF;border-radius: 0px 10px 10px 10px;}
.encyclopedias .content-list a img{width: 40%;height: 110px;border-radius: 0px 0px 0px 10px;}
.encyclopedias .content-list a p{width: 55%;float: right;height: 91px;padding: 19px 2.5% 0px 2.5%;}
.encyclopedias .content-list a p .title{display: block;height:45px;color: #333333;overflow: hidden;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.encyclopedias .content-list a p .lab{display: block;height: 20px;width: 45px;text-align: center;border-radius: 10px;color: #FF0000;;border: 1px solid #FF0000;;float: right;clear: both !important;font-size: 14px;margin: 10px 8% 0 0;}
.encyclopedias .content-list a p .active{display: block;height: 20px;width: 45px;text-align: center;border-radius: 10px;color: #FF5A00;;border: 1px solid #FF5A00;;float: left;clear: both !important;font-size: 14px;margin: 10px 8% 0 0;}*/

/*-----------detail.html----------------*/
.detail .banner{width: 100%;height: 100%;position: relative;}
.detail .banner img{width: 100%;height: 210px;}
.detail .banner .title{width: 100%;background: rgba(0, 0, 0,0.26);text-align: center;padding: auto 10px;color: #FFFFFF;position: absolute;top: 0;line-height: 210px;letter-spacing: 0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px}


.detail .content{width: 94%;margin: 10px 3%;}
.detail .content .title{font-size: 18px;word-break:break-word;margin-top: 14px;text-align: left;}
.detail .content .describe{margin-bottom:24px;color: #666666;margin-top: 16px;}
.detail .content .text{line-height: 30px;color: #333333;}
.detail .content .qrcode{width: 94%;margin: 0 3%;text-align: center;}
.detail .content .qrcode p{font-size: 16px;font-family: "黑体";font-weight: bold;margin: 10px auto;border-bottom: 1px solid #9E9E9E;padding: 10px 0;width: 100%;text-align: center;}
.detail .content .qrcode img{}
.detail .statistics{background: rgba(255, 255, 255,1);width: 100%;height: 56px;position: fixed;bottom: 0px;}
.detail .statistics p{display: inline-block;width: 48%;text-align: center;margin: 10px 0px;}
.detail .statistics .praise{border-right: 2px solid #EFEFEF;}
.detail .statistics .praise .iconfont{font-size: 28px;display: inline-block;color: red;position: relative;top: 4px;}
.detail .statistics .praise .iconfont:last-child{background: #8793A2;}
.detail .statistics .share span:first-child{display: inline-block;width: 25%;font-size: 28px;margin-right: 10px;color: #005D9E;position: relative;top: 4px;}


/* table 样式 */
table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse:collapse;
  text-align: center;
}
table td,table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding:5px;
  text-align: center;
}
table th {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

/* blockquote 样式 */
blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}

/* code 样式 */
code {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
pre code {
  display: block;
}

/* ul ol 样式 */
.detail ul, .detail ol {
  margin: 10px 0 10px 20px;
}

/*-----------hotspot.html--------------*/
.hotspot .banner{width: 100%;position: relative;}
.hotspot .banner a{width: 100%;height: 215px;}
.hotspot .banner img{width: 100%;height: 215px;display: block;}
.hotspot .banner p{width: 100%;line-height: 215px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #FFFFFF;font-size: 18px;margin: auto;z-index: 100;text-align: center;background: rgba(0,0,0,0.26);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.hotspot .hotspot-list{width: 96%;margin: 0px 2%;}
.hotspot .hotspot-list a{display: block;margin: 8px 0px;height: 110px;background: #FFFFFF;border-radius: 0px 10px 10px 10px;}
.hotspot .hotspot-list a img{width: 40%;float: left;height: 110px;border-radius: 0px 0px 0px 10px;}
.hotspot .hotspot-list a p{width: 55%;float: left;height: 81px;padding-left: 12px;color: #333333;padding: 19px 2.5% 10px 2.5%;word-break: break-all;}


/*---------------interest.html---------------*/
*{-webkit-appearance:none;}
.interest video{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.interest .video{position: relative;display: block;width: 100%;max-height: 215px;}
.interest .video img{width: 100%;height: 215px;position: absolute;z-index: 99;top: 0;left: 0;bottom: 0;right: 0;}
.interest .video button{display: block;background: none;border: none;outline: none;font-size: 30px;color: rgba(255, 255, 255,0.5);width: 30px;height: 30px;} 
.interest .video .btnPlay{width: 10%;height:10%;margin: auto;position:absolute;top: 0; left: 0; bottom: 0; right: 0;z-index: 101;}
.interest .video .btnPlay img{width:30px;height:30px;}
.interest .video .title{text-align: center;width: 100%;height: 50%;position: absolute;margin: auto;top: 75%;left: 0;bottom: 0;right: 0;z-index: 101;text-align: center;}
.interest .video .title p{font-size: 16px;color: #FFFFFF;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
.interest .video .opacity{background: rgba(0, 0, 0,0.26);width: 100%;height: 215px;position: absolute;bottom: 0px;z-index: 100;}

.interest .video-list .item{width: 49.705%;margin: 2px 0;float: left;height: 100%;background: white;}
.interest .video-list .item:nth-child(odd){margin-right: 0.55%;}
.interest .video-list .item a{position: relative;width: 100%;height: 150px;display: block;margin: 0;z-index: 100;}
.interest .video-list .item a img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.interest .video-list .item a button{border: none;background: none;outline: none;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 20%;height: 20%;z-index: 100;}
.interest .video-list .item a button img{width: 30px;height:30px;}
.interest .video-list .item .title p{font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;padding: 5px 10px;}
.interest .video-list .item .opacity{background: rgba(0, 0, 0,0.26);width: 100%;height: 150px;position: absolute;bottom:0px;z-index: 99;}


/*------------play.html-------------*/
.play .video{position: relative;width: 100%;height: 100%;margin: 0;padding: 0;}
.play .video #videoID{width: 100%;height: 100%;position: relative;top: 0;}
.play .video .controls{width: 100%;height:100%;background:rgba(0,0,0,0.01);position: absolute;top: 0;margin: 0;padding: 0;}
.play .video .controls .statistics{position: absolute;right: 3%;color: #FFFFFF;z-index: 20000;}
.play .video .controls .statistics p{display: inline-block;margin: 5px;}
.play .video .controls .statistics p span{display: block;text-align: center;}
.play .video .controls .statistics p span:first-child{font-size: 28px;}
.play .video .controls .statistics #videoID{position: absolute;top: 0;z-index: -20000;}
.play .video .controls img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:10000;}
.play .video .controls button{display: block;background: none;border: none;outline: none;font-size: 20px;color: #FFFFFF;width: 30px;height: 30px;} 
.play .video .controls .btnPlay{width: 50%;height:50%;margin: auto;position:absolute;top: 0; left: 0; bottom: 0; right: 0;font-size: 60px;z-index: 20000;background: rgba(225,225,225,0.01);border-radius: 50px;}
.play .video .controls .btnPlay img{width: 50%;height:50%;margin: auto;position:absolute;top: 0; left: 0; bottom: 0; right: 0;font-size: 60px;z-index: 20000;}
.play .video .controls .btnPlay img{width: 30px;height:30px;}
.play .video .controls .btnUpper{position: absolute;top:0;bottom: 0;margin: auto;z-index: 20000;}
.play .video .controls .btnDown{position: absolute;top:0;bottom: 0;right: 0;margin: auto;z-index: 20000;}
.play .video .controls .time{color: #FFFFFF;position: absolute;bottom: 20px;left: 10px;z-index: 20000;}
.play .video .controls .opacity{background: rgba(0, 0, 0,0.26);width: 100%;height: 100%;position: absolute;top: 0;z-index: 10000;}
/*
播放按钮样式取消
.play .video .btnMax{position: absolute;bottom: 20px;right: 10px;z-index: 200;}
.play .video .progressBar{width: 100%;height: 5px;background-color:#3EDCDD;position: relative;z-index: 100;margin-top: -4px;}
.play .video .progressBar .timeBar{position: absolute;top: 0;left: 0;width: 0;height: 5px;background-color:#E1E1E1;}
.play .video .progressBar .bufferBar{position: absolute;op: 0;left: 0;width: 0;height: 5px;background-color: #005D9E;}
.play .video .progressBar .btnDrag{display: block;width: 20px;height: 20px;border-radius: 15px;position: absolute;top: -8px;background-color: white;}*/
.play .introduce{width: 94%;margin: 15px 3%;}
.play .introduce .title{font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;color: #333333;}
.play .introduce .summary{color: #666666;line-height: 25px;}
.play .recommend .title{width: 80%;margin: 2px 10%;text-align: center;border-bottom: 1px solid #005D9E;color: #005D9E;}
.play .recommend .title span{display: inline-block;font-weight: bold;letter-spacing: 2px;font-size: 16px;position: relative;top: 10px;background: #EFEFEF;padding: 0px 15px;}
.play .recommend .video-list{margin: 20px 0px 0px 0px;width: 100%;height: auto;overflow-x: scroll;white-space: nowrap;}
.play .recommend .video-list .item{width: 210px;margin: 0px 5px;display: inline-block;background: #FFFFFF;border-radius: 0 8px 8px 8px;}
.play .recommend .video-list .item a{position: relative;width: 100%;display: block;height: 150px;}
.play .recommend .video-list .item a>img{width: 100%;height: 100%;border-radius: 0 8px 0px 0px;}
.play .recommend .video-list .item a button{border: none;background: none;outline: none;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;z-index: 200;}
.play .recommend .video-list .item a button img{width: 30px;height:30px;}
.play .recommend .video-list .item a  .opacity{background: rgba(0, 0, 0,0.216);width: 100%;height: 150px;border-radius: 0 8px 0 0;position: absolute;bottom: 0;z-index:99;}
.play .recommend .video-list .item div p:first-child{font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;padding: 5px 0 8px 10px;}

